
.connector-list-view-card-item {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px 20px;
}

.connector-list-view-card-item-header {
  height: 22px;
  margin-bottom: 8px;
  
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.connector-list-view-card-item-name {
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 22px;
  
  @include text-ellipsis();
}
.connector-list-view-card-item-module,
.connector-list-view-card-item-type,
.connector-list-view-card-item-action,
.connector-list-view-card-item-description,
.connector-list-view-card-item-update {
  height: 17px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #595959;
  line-height: 17px;
  
  @include text-ellipsis();
}


.connector-list-view-card-item-module {
  i {
    display: inline-block;
    margin: 0 10px;
    font-size: 12px;
  }
  .icon-arrow-left{
    transform: rotate(180deg);
  }
  .app-logo{
    font-size: 16px;
    color: $color-primary-light-6;
    margin: 0 10px 0 0;
  }
  .module-logo {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    transform: translateY(-2.5px);
  }
}


.connector-list-view-card-item-update,.connector-list-view-card-item-type{
  color: #8c8c8c;
}

.connector-list-view-card-item-update-time {
  margin-left: 4px;
}